body{margin:0px; background:#FFF url(../images/BG.jpg) repeat-x; font-size:14px;text-align:center; color:#6b6b6b;}
*{font-family:'Arial','微软雅黑';}
input,select{color:#3f4557;}
form,ul,li,p,h1,h2,h3,h4,h5,h6{margin:0px;padding:0px;}
table{border-collapse:collapse;}
img{border:0px;}
ul,li{list-style-type:none;}
a{text-decoration:none; color:#555;transform: translate(0,0);
transition:all .2s ease-in 0s;}
a:hover{color:#122063;}
.clearbox{float:none;clear:both;width:0px;height:0px;overflow:hidden;}
img:hover{filter:alpha(opacity:80); opacity:0.8;  -moz-opacity:0.8;-khtml-opacity: 0.8}

html {
  overflow-y: scroll;
}
:root {
  overflow-y: auto;
  overflow-x: hidden;
}
:root body {
  position: absolute;
}
body {
  width: 100vw;
  overflow: hidden;
}
.line{ width:100%; background:#122063; color:#999; height:40PX; line-height:40PX; }
.l1{ width:1200px; margin:0 auto; text-align:left}
.l2{ width:400px; float:right; line-height:40PX;}
 
.l2 a{ color:#fff}
.l2 a:hover{ color:#999}

.top{width:1200px; height:160px; margin:0px auto; text-align:left;  overflow:hidden;}
.top .tt{ width:1200px;  line-height:40px; float:left; color:#FFF;  }
.top .tt .t1{ float:right; padding-top:8px;}
.top .logo{float:left; width:250px; height:80px; margin-TOP:40PX;}
.top .tag {float:right; width:250px; height:55px; line-height:50px; text-align:right; color:#999999; font-size:14px; padding:35px 20px 0px 0px;  }
.top .tag a{ color:#aaa} 
 
 
.top .menu{float:RIGHT; width:900px; height:50px; padding:0px 0px 0px 0px; }
.menu li{float:left; width:100px; line-height:20px; height:50px; font-size:15px; text-align:center; color:#555; }
.menu li ul{ position:absolute; z-index:999; background:#122063; font-weight:lighter; }
.menu li li{width:100px; height:35px; line-height:40px; float:none;  font-size:14px; text-align:left; text-indent:15px; border-bottom:#36427a solid 1px }
.menu li li a{display:block; width:100%; height:100%; color:#fff; display:block;}
.menu li li a:hover{ width:100%; height:100%;  color:#fff; background:#eb3c00; border-bottom:0PX  }

.menu li a{display:block; width:100%; height:100%; color:#333; display:block; }
.menu li a:hover{ width:100%; height:100%;  color:#fff; background:#122063     }



.menu li ul{margin:0px 0px 0px 0px;  }
*html .menu li ul{margin:0px 0px 0px 0px;}
*+html .menu li ul{margin:0px 0px 0px 0px;}

.menu li li ul{position:absolute; z-index:9999; background:#fff none repeat scroll 0 0 !important; margin:-31px 0px 0px 150px;   }
 

.banner{width:100%; height:470px; text-align:left; overflow:hidden; background:#F2F2F2  }
#index_banner{width:100%; height:470px; padding:0; margin:0 auto; background:none; position:relative; z-index:10; overflow:hidden;}
#index_banner_con{width:100%; height:100%; margin:0 auto; overflow:hidden; text-align:center;}
#index_banner_list{width:100%; height:100%;}
#index_banner_list li{width:100%; height:100%;}
#index_banner_list li a{width:100%; height:100%; display:block; background:no-repeat top center; text-indent: -9999px;transition: all 0.6s; }
 

#prev_btn{position:absolute; z-index:101; left:100px; top:185px;}
#next_btn{position:absolute; z-index:101; right:100px; top:185px;}
#banner_nav{position:absolute; z-index:1002; left:47.1%; top:0px; margin-top:420px;}
#banner_nav a{float:left; display:block; width:15px; height:15px; border-radius:20px; background:#ffffff; margin-left:10px;  }
#banner_nav a:hover{background:#e4322b;}
#banner_nav a.this{background:#e4322b;}


 

.content{width:1200px; padding:40px  0px 0px 0px; margin:0px auto; text-align:left; height:450px;}
.c01{float:left; width:1200px;}
.c01 .pro{ width:380px; float:left}
 

.about{ margin:0px auto; width:1200px;  }
  
 
  
.MORE2 {  width:1200px; margin:0px auto; text-align:center;   }
 

 
.more{  margin-top:0px;  } 
.more a{ display:block;  font-size:20px;     width:30px; color:#fff; line-height:30px; text-align:center; background:#86b527; transition:background 0.5s,color 0.5s;-webkit-transition:background 0.5s,color 0.5s;  }
.more a:hover{ display:block;    width:30px; color:#fff;  background:#888;   text-align:center }


.more1{  margin-top:0px;  } 
.more1 a{ display:block;  font-size:20px;     width:30px; color:#86b527; line-height:30px; text-align:center; background:#FFF; transition:background 0.5s,color 0.5s;-webkit-transition:background 0.5s,color 0.5s;  }
.more1 a:hover{ display:block;    width:30px; color:#fff;  background:#ccc;   text-align:center }


.tt{ width:1200px; float:left; font-size:35px; font-weight:bold; line-height:35px; color:#666; text-align:left; padding-top:20px; height:70px}

.SZ{ width:100%; background:#f6f6f6 url(../images/bg2.jpg) center top no-repeat; height:580PX; margin:0 auto; padding:0px  0px 0px 0px;}
.brand{ width:1200px; height:300px; margin:0 auto;  }



.prolist{width:930px; float:left }
.prolist li{float:left; width:310px;   height:250px; text-align:center; line-height:40px;}
.prolist li a{display:block; width:280px;    color:#666666;}
.prolist li a:hover{color:#ca4b00;      }
.prolist li img {width:240PX; height:240px;box-shadow:  0px 8px 10px rgba(0,0,0,.1);transition: all 0.5s; }
.prolist li img:hover{transform: scale(1.1);}



.jj{ width:100%; margin:0 auto; float:left;  height:510px;}

.jj .j01{ width:1200px; margin:0 auto;}
.jj .j01 .jtu{ display:block; width:549px; height:333px; float:left; overflow:hidden;}
.jj .j01 .jtu a img{width:549px; height:333px; transition:width 0.5s,height 0.5s,margin 0.5s;-webkit-transition:width 0.5s,height 0.5s,margin 0.5s;}
.jj .j01 .jtu a:hover img{width:590px; height:360px; margin:-20px 0 0 -20px}


.XW{  width:100%; margin:0 auto;   background:#f5f5f5; height:600px;}
.XW .x01{ width:1200px; margin:0 auto}
.XW .x02{ width:600px; float:left; height:200px; text-align:left; margin:20px auto}
.XW .x02 img{ width:300px;  }


.aa{width:1200PX; margin:0px auto; margin-top:50px ;  height:400px;}


.news{ width:1200PX; margin:0px auto; margin-top:10px ;  height:500px; }
.n01{ margin:30px auto; width:280px; height:400px;   color:#666;      float:left; text-align:center; font-size:18px;   transform: translate(0,0);
transition:all .2s ease-in 0s;}
 
.n01 .nimg{    width:280px; height:280px; position: relative; overflow: hidden;  cursor: pointer; line-height:20px; border:1px solid #ccc;   }
.nimg a img{   width:280px; height:280px; transition:width 0.5s,height 0.5s,margin 0.5s;-webkit-transition:width 0.5s,height 0.5s,margin 0.5s;}
.nimg a:hover img{ width:320px; height:320PX;  margin:-20px 0 0 -20px}

.news A{ color:#666 ; text-align:center; line-height:25px;}
.news A:hover{ color:#000;	 }
 
 
.case{ width:1200PX; margin:0px auto;  overflow:hidden;   }
  
 
.YS{ width:1200PX; padding:20px  0px 0px 0px; margin:0px auto; height:590px; text-align:center }
.YS .tt{ width:1200px; float:left; font-size:30px; color:#666; text-align:center; padding-top:70px; height:100px}
.ys .ycont{ width:1200px; margin:0 auto; height:500px;}
 
.contact{  width:100%; margin:0 auto;   background:#f5f5f5; height:200px;}


.DT{ width:1200px; margin:0 auto; height:840px;}
.D01{ width:500px; height:580px; margin:0px auto; float:left   }

.D01 .Dimg{    width:439px; height:272px; position: relative; overflow: hidden;  cursor: pointer; margin:32PX;  }
.Dimg a img{   width:439px; height:272px; transition: all 0.5s;}
.Dimg a:hover img{ width:480px; height:297px;  margin:-10px 0 0 -10px}
.ncont{ width:435px; float:left; margin:8px auto; text-align:left; margin-left:32px;}

.cont01{width:435px;   line-height:25px;color:#666; margin-top:30px;}


.D02{ width:630PX; margin-left:50PX;  text-align:left;font-size:14px; float:left}
.D02 li{width:95.5%;  line-height:22px; height:190px;   padding-left:50px; font-size:18px; color:#000  }
.D02 a{color:#000;}
.D02 a:hover{color:#282c6e; }
.D02 span{float:right; color:#999; padding-right:10px; font-size:16px}




.wmap { float:left; width:100%; background:#576774; padding-top:0px; line-height:20px;   color:#000;text-align:left; font-size:14px}
 .wmap a{ color:#FFF}
.wmap a:hover{filter:alpha(opacity:80); opacity:0.8;  -moz-opacity:0.8;-khtml-opacity: 0.8}

.bb{ width:100%; background:#576774; line-height:20PX;}
.bottom{clear:both; width:1200px; height:32px; color:#FFF; text-align:left; margin:0px auto; }
.bottom .nav{ text-align:center; width:1200px; line-height:32px; font-size:14px; color:#fff}
.bottom .copyright{float:right; line-height:32px; font-size:14px; color:#9f9f9f }